<div class="game-fl">
    <div class="index-top">
        <p>{{'mh-Page.html1' | translate}}</p>
    </div>

    <div class="body">
        <div class="top2">
            <div style="background: #265BCD;" (click)='onClick("")'><img src="../../../assets/images/fl-page/i1.png"
                    alt="">
                <p>TOP 10</p>
            </div>
            <div (click)='onClick(1)'><img src="../../../assets/images/fl-page/i2.png" alt="">
                <p>新上架</p>
            </div>
            <div (click)='onClick(2)'><img src="../../../assets/images/fl-page/i3.png" alt="">
                <p>热 门</p>
            </div>
            <div (click)='onClick(3)'><img src="../../../assets/images/fl-page/i4.png" alt="">
                <p>角色扮演</p>
            </div>
            <div (click)='onClick(4)'><img src="../../../assets/images/fl-page/i5.png" alt="">
                <p>策 略</p>
            </div>
            <div (click)='onClick(5)'><img src="../../../assets/images/fl-page/i6.png" alt="">
                <p>对 战</p>
            </div>
            <div (click)='onClick(6)'><img src="../../../assets/images/fl-page/i7.png" alt="">
                <p>动 作</p>
            </div>
            <div (click)='onClick(7)'><img src="../../../assets/images/fl-page/i8.png" alt="">
                <p>自 由</p>
            </div>
            <div (click)='onClick(8)'><img src="../../../assets/images/fl-page/i9.png" alt="">
                <p>其 它</p>
            </div>
            <div (click)='onClick(9)'><img src="../../../assets/images/fl-page/i10.png" alt="">
                <p>类 别</p>
            </div>
        </div>
        <div class="Search">
            <i class="weui-icon-search"></i>
            <input class="weui-input" type="text" placeholder="{{'mh-Page.html2' | translate}}">
        </div>

        <div class="game-plays">
            <h1>TOP 10</h1>
            <div class="img-c" *ngFor="let item of list">
                <div class="game-c">
                    <img src="{{item.thumbnail}}" alt="">
                    <div class="game-text-c">
                        <div class="game-text" routerLink="/mhDel" [queryParams]='{id:item.id}'>
                            <em>{{item.name}}</em>
                            <p>{{item.briefInfo}}</p>
                            <weui-rating [(ngModel)]="item.levelStar" [config]="customIconsAndClassCog"
                                [readonly]="true"></weui-rating>
                        </div>
                        <a (click)='onSel(item.id)' class="pay-btn">{{'mh-Page.html4' | translate}}</a>
                    </div>
                </div>
            </div>
        </div>

    </div>
</div>